@layout("/common/_curd/_container.html"){
<link rel="stylesheet" href="${basePath}/static/style/css/main.css" />
<style rel="stylesheet" type="text/css">
    .checkStyle{
        display: inline-block;
        margin: 5px 20px 0 0;
        cursor: pointer;
    }
    .checkStyle .checkSpan{
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        margin-right: 10px;
        margin-top: -1px;
        line-height: 1;
        cursor: pointer;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,0.15);
    }
    .checkStyle .checkInput:checked + .checkSpan::after{
        content: "";
        display: inline-block;
        background-color: #6fb3e0;
        height: 12px;
        width: 12px;
        margin: 2px;
    }
</style>
	<h1 style="color: #666;line-height: 1.5">请选择评审专家</h1>
	<form action="${basePath}/projects/addExpert" method="post" onsubmit="return isCheck();" role="form">
        <table class="table table-bordered" >
            <tbody>
            <tr>
                <td width="200px">
                    项目名称
                </td>
                <td width="700px" colspan="4">
                    ${project.name}
                </td>
            </tr>
            <tr>
                <td>
                    申报单位
                </td>
                <td colspan="4">
                    ${dept}
                </td>
            </tr>
            <tr>
                <td>
                    责任单位
                </td>
                <td colspan="4">
                    ${project.responsible}
                </td>
            </tr>
            <tr>
                <td >建设起止年限</td>

                <td colspan="4">
                    ${project.start}---${project.over}
                </td>
            </tr>
            <tr>
                <td>申请时间</td>
                <td colspan="4">
                    ${project.indate}
                </td>
            </tr>
            <tr>
                <td>填写专家评审期限</td>
                <td colspan="4">
                    @if(has=="2"){
                    <input type="text" class="form-control" readonly="readonly" value="${project.feedback!,dateFormat='yyyy-MM-dd'}">
                    @}
                    @if(has=="1"){
                    <input type="text" class="form-control" name="lastdate" id="lastdate" value="" required="required" placeholder="选择专家评审期限">
                    @}

                </td>
            </tr>
            </tbody>


        </table>
	<!--<form data-url="${basePath}/projects/chooseExpert" method="post" class="form-horizontal" role="form">-->

		<!-- 表单 -->
		<input type="hidden" name="id" value="${project.id}">
		<div class="warpper">
			@for(expert in experts){
            <label for="${expert.id}" class="checkStyle">
                <input class="checkInput" style="display: none;" id="${expert.id}" value="${expert.id}" type="checkbox" name="select">
                <span class="checkSpan"></span>${expert.name}
            </label>
			<!--<div class="main_child">
				<div class="child1">
					<input type="checkbox" name="select" required="required"  value="${expert.id}" />
				</div>
				<div class="child2">
					${expert.name}
				</div>
			</div>-->
			@}
            <button class="btn btn-primary" type="submit" >提交</button>
		</div>
	</form>

<script src="${basePath}/static/laydate/laydate.js"></script>
<script type="text/javascript">
	laydate({
		elem: '#lastdate',
		format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月日
		//festival: true, //显示节日
		choose: function(datas){ //选择日期完毕的回调
			/*   alert('得到：'+datas); */
		}
	});

	function isCheck() {
	    if($("input[type=checkbox]").is(":checked")){
	        return true;
        }else{
	        layer.msg("请至少选择一个专家！",{shift:-1,time:2});
	        return false;
        }
    }
</script>

@}
